<template>

  <el-card class="box-card">
    <div class="search-box">
      选择单位：<el-input style="width: 30%;"></el-input>
      选择日期：<el-date-picker type="date" placeholder="选择日期" style="width: 30%;"></el-date-picker>

      <el-button type="primary" icon="el-icon-search">搜索</el-button>

    </div>


    <el-table
        :data="tableData"
        style="width: 100%;" >
      <el-table-column v-for="(menu1,index) in tableHead" :label="menu1.label" align="center">
        <el-table-column v-for="(menu2,index) in menu1.children" :label="menu2.label" align="center">
          <el-table-column v-for="(menu3,index) in menu2.children" :label="menu3.label" align="center">
          </el-table-column>
        </el-table-column >
      </el-table-column >
    </el-table>

  </el-card>


</template>

<script>
export default {
  data() {
    return {
      tableHead: [
        {
          label:'科目',
          prop:'',
          children: [
            {
              label: '一级科目',
              prop: '',
            },
            {
              label: '二级科目',
              prop: '',
            },
            {
              label: '一级科目',
              prop: '',
            }
          ]
        },
        {
          label:'江西梵宜合计',
          prop:'',
          children: [
            {
              label: '金额',
              prop: '',
            },
            {
              label: '占比',
              prop: '',
            }
          ]
        },
        {
          label:'下级巴利润',
          prop:'',
          children: [
            {
              label: '供应链中心',
              prop: '',
              children:[
                {
                  label: '金额',
                  prop: '',
                },
                {
                  label: '占比',
                  prop: '',
                }
              ]
            },
            {
              label: '生产中心',
              prop: '',
              children:[
                {
                  label: '金额',
                  prop: '',
                },
                {
                  label: '占比',
                  prop: '',
                }
              ]
            },
            {
              label: '营销中心',
              prop: '',
              children:[
                {
                  label: '金额',
                  prop: '',
                },
                {
                  label: '占比',
                  prop: '',
                }
              ]
            },
            {
              label: '推广中心',
              prop: '',
              children:[
                {
                  label: '金额',
                  prop: '',
                },
                {
                  label: '占比',
                  prop: '',
                }
              ]
            }
          ]
        }
      ]
    }
  }
  // data() {
  //   return {
  //     tableData: [{
  //       date: '2016-05-03',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }, {
  //       date: '2016-05-02',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }, {
  //       date: '2016-05-04',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }, {
  //       date: '2016-05-01',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }, {
  //       date: '2016-05-08',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }, {
  //       date: '2016-05-06',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }, {
  //       date: '2016-05-07',
  //       name: '王小虎',
  //       province: '上海',
  //       city: '普陀区',
  //       address: '上海市普陀区金沙江路 1518 弄',
  //       zip: 200333
  //     }]
  //   }
  // }
}
</script>

<style scoped>
.box-card {
  margin-top: 15px;
}
.search-box {
  margin-bottom: 15px;
}

.search-box input {
  margin-right: 10px;
}


</style>
